import React, { Component } from 'react'

export default class Count extends Component {
  // constructor() {
  //   super()
  //   // 定义状态
  //   // 注意: 并不是所有的数据,都要写在状态中. 需要在页面上渲染的数据,才应该写在状态中
  //   this.state = {
  //     count: 0,
  //     msg: '我给你一百万',
  //   }
  //   // this.handle = () => {
  //   //   this.setState({
  //   //     count: this.state.count + 1,
  //   //     msg: '我不给了',
  //   //   })
  //   // }
  // }
  state = { count: 0 }
  // es7的新语法: 直接将handle添加到了实例上
  handle = () => {
    this.setState({
      count: this.state.count + 1,
      msg: '我不给了',
    })
  }

  

  render() {
    // 注意: render组件中的this,一定是当前组件实例
    return (
      <div>
        <div id="box">{this.state.count}</div>
        <button onClick={this.handle}>+</button>
      </div>
    )
  }
}
